<template>
  <div class="directives-item content-box">
    <span class="text">拖拽指令 🍇🍇🍇🍓🍓🍓</span>
    <div v-draggable class="drag-box flx-center">我可以拖拽哦~</div>
  </div>
</template>

<script setup lang="ts" name="dragDirect"></script>

<style scoped lang="scss">
.content-box {
  position: relative;

  .drag-box {
    position: absolute;
    width: 120px;
    height: 120px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: var(--el-color-primary);
    border-radius: 4px;
  }
}
</style>
